<template>
  <text class="u-icon">
    <text :class="['fontSizeBase  iconfont',icon,className]"></text>
  </text>
</template>
<script>
  /*icon*/
  export default {
    name: 'UIcon',
    props: {
      icon: {
        type: String,
        required: true
      },
      className: {
        type: String,
        default: ''
      }
    },
    computed: {}
  }
</script>

<style lang="scss" scoped>
  .u-icon {
    display: inline-block;
    box-sizing: border-box;

    > text {
      color: currentColor;
      overflow: hidden;
      vertical-align: middle;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
</style>
